{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>教务</title>
<style type="text/css">
	.mui-content{ padding-bottom: 50px;}
	.mui-content>.mui-table-view:first-child{ margin-top: 0;}
	.mb-zx-title{padding: 0 !important;}
	.mb-zx-title h4.tc-ann{padding: 15px; margin: 0;}
	.mb-btm-item p span{ margin-right: 10px;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
	<div class="tc-top-img">
		<img  style="width:100%;" src="images/img5.jpg"/>
	</div>

	<!--九宫格 开始-->
	<ul class="mui-table-view mui-grid-view mui-grid-9">
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="prepare">
			<span class="mui-icon iconfont icon-beike"></span>
			<div class="mui-media-body jw-body">备课查看</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="teachinganalysis">
			<span class="mui-icon iconfont icon-fenxi"></span>
			<div class="mui-media-body jw-body">学习分析</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="leave">
			<span class="mui-icon iconfont icon-shenpi"></span>
			<div class="mui-media-body jw-body">请假</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="homework">
			<span class="mui-icon iconfont icon-zuoye"></span>
			<div class="mui-media-body jw-body">作业管理</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="warning">
			<span class="mui-icon iconfont icon-yujing"></span>
			<div class="mui-media-body jw-body">学习预警</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="tasks">
			<span class="mui-icon iconfont icon-tiku"></span>
			<div class="mui-media-body jw-body">题库管理</div></a></li>
	</ul>
	<!--九宫格 结束-->


	<div class="mb-zx-title">
		<h4 class="tc-ann xw-border-bottom">公告</h4>
		<ul class="mui-table-view">
			{%for item in notice.list%}
			<li class="mui-table-view-cell mui-media">
				<a class="mb-news-list" href="ann?id={{item.id}}">
					<div class="mui-media-body">
						<h4 class="mb-title mui-ellipsis">{{item.title}}</h4>
						<p class="mui-ellipsis-2 mb-news-intr">{{item.intro}}</p>
						<div class="mui-clearfix mb-btm-item">
							<p class="mui-pull-left">
								<span><i class="iconfont icon-yanjing"></i>{{item.clickCount}}</span>
								<span><i class="iconfont icon-shijian"></i>{{item.createDate}}</span>
							</p>
						</div>
					</div>
				</a>
			</li>
			{%endfor%}
		</ul>
	</div>
</div>


<!--底部tab-->
<nav class="mui-bar mui-bar-tab">
	<a class="mui-tab-item1" href="index">
		<span class="mui-icon iconfont icon-shouye"></span>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item1" href="bbs">
		<span class="mui-icon iconfont icon-shequ"></span>
		<span class="mui-tab-label">社区</span>
	</a>
	<a class="mui-tab-item1 mui-active" href="teaching">
		<span class="mui-icon iconfont icon-shujixinxi"></span>
		<span class="mui-tab-label">教务</span>
	</a>
	<a class="mui-tab-item1" href="news">
		<span class="mui-icon iconfont icon-xiaoxi"></span>
		<span class="mui-tab-label">消息</span>
	</a>
	<a class="mui-tab-item1" href="my">
		<span class="mui-icon iconfont icon-wode"></span>
		<span class="mui-tab-label">我的</span>
	</a>
</nav>

{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
